<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>学员信息表</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="warrper">
        <header class="mb-5">
               <h1>学员信息表</h1>
                <p>1803</p>
        </header>
        <div class="container">
            <h2>添加</h2>
            <div class="row">
                <div class="col-md-9">
                    <form>
                        <div class="row">
                            <div class="col">
                                <input type="text" id="n" class="form-control" placeholder="姓名">
                            </div>
                            <div class="col">
                                <select class="form-control" id="s">
                                    <option value="男">男</option>
                                    <option value="女">女</option>
                                </select>
                            </div>
                            <div class="col">
                                <input type="text" id="a" class="form-control" placeholder="年龄" >
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-primary" id="btn">添加</button>
                </div>
            </div>
            <h2 class="mt-5">列表</h2>

            <ul id="list" style="height: 280px ;overflow: auto">
                <li class="list-top">
                    <div class="col-5">姓名</div>
                    <div class="col-4">性别</div>
                    <div class="col-3">年龄</div>
                </li>
            </ul>
        </div>
    </div>
    <script src="script.js"> </script>
</body>

</html>